<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>滴滴</title>
    <link rel="stylesheet" href="">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide page1">
                <img src="images/fu.png" alt="" class="fu">
                <img src="images/p1_txt1.png" alt="" class="txt1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="2s" swiper-animate-delay="1.1s">
                <img src="images/p1_txt2.png" alt="" class="txt2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="2s" swiper-animate-delay="2.1s">
                <div class="people">
                    <!-- <div class="mask0 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.4s" nimate-effect="fadeIn" swiper-animate-duration="0.4s" swiper-animate-delay="0.5s"></div>
                    <div class="mask1 ani" swiper-aswiper-animate-delay="1.0s"></div>
                    <div class="mask2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.4s" swiper-animate-delay="1.5s"></div>
                    <div class="mask3 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.4s" swiper-animate-delay="2.0s"></div>
                    <div class="mask4 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.4s" swiper-animate-delay="2.5s"></div>
                    <div class="mask5 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.4s" swiper-animate-delay="3.0s"></div> -->
                    <div class="p1_1_1"></div>
                    <div class="p1_1_2"></div>
                    <div class="p1_1_3"></div>
                    <div class="p1_1_4"></div>
                    <div class="p1_1_5"></div>
                    <div class="p1_1_6"></div>
                </div>
                <div class="guide"></div>
            </div>
            <div class="swiper-slide page2">
                <img src="images/p2_txt1.png" alt="" class="txt1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
                <img src="images/p2_txt2.png" alt="" class="txt2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
                <img src="images/p2_txt3.png" alt="" class="txt3 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.5s">
                <div class="guide"></div>
            </div>
            <div class="swiper-slide page3">
                <img src="images/p3_1.png" alt="" class="p3-1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
                <img src="images/p3_txt1.png" alt="" class="txt1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
                <img src="images/p3_txt2.png" alt="" class="txt2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.7s">
                <img src="images/p3_txt3.png" alt="" class="txt3 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="3.8s">
                <div class="guide"></div>
            </div>
            <div class="swiper-slide  page4">
                <img src="images/p4_1.png" alt="" class="p4-1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
                <img src="images/p4_txt1.png" alt="" class="txt1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
                <img src="images/p4_txt2.png" alt="" class="txt2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.7s">
                <img src="images/p4_txt3.png" alt="" class="txt3 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="3.8s">
                <div class="guide"></div>
            </div>
            <div class="swiper-slide page5">
                <img src="images/p5_1.png" alt="" class="p5-1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
                <img src="images/p5_txt1.png" alt="" class="txt1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
                <img src="images/p5_txt2.png" alt="" class="txt2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.7s">
                <div class="guide"></div>
            </div>
            <div class="swiper-slide page6">
                <img src="images/p6_1.png" alt="" class="p6-1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
                <img src="images/p6_txt1.png" alt="" class="txt1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
                <img src="images/p6_txt2.png" alt="" class="txt2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.7s">
                <img src="images/p6_txt3.png" alt="" class="txt3 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="3.8s">
                <div class="guide"></div>
            </div> 
            <div class="swiper-slide page7">
                <img src="images/p7_txt1.png" alt="" class="txt1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
                <img src="images/p7_txt2.png" alt="" class="txt2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.7s">
                <img src="images/p7_txt3.png" alt="" class="txt3 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="3.8s">
                <img src="images/p7_txt4.png" alt="" class="txt4 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="4.9s">
                <div class="guide"></div>
            </div>
            <div class="swiper-slide page8">
                <img src="images/p8_1.png" alt="" class="p8-1 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.6s" swiper-animate-delay="0.5s">
                <img src="images/p8_2.png" alt="" class="p8-2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="1.3s">
                <img src="images/p8_txt1.png" alt="" class="txt1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.8s" swiper-animate-delay="2.6s">
                <img src="images/p8_txt2.png" alt="" class="txt2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.8s" swiper-animate-delay="3.5s">
                <img src="images/p8_txt3.png" alt="" class="txt3 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.8s" swiper-animate-delay="4.4s">
                <img src="images/p8_leftbtn.png" alt="" class="leftbtn ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.6s" swiper-animate-delay="5.4s">
                <img src="images/p8_rightbtn.png" alt="" class="rightbtn ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.6s" swiper-animate-delay="6.0s">
            </div> 
            <!-- <div class="swiper-slide page9">
                <div class="leftbtnshow" style="">
                    <div class="login-popup">
                        <div class="pop-plogin">
                            <div class="title"><h3>登录</h3></div>
                            <div class="phonewrapper">
                                <input type="tel" name="" value="" placeholder="请输入手机号码">
                            </div>
                            <div class="login-btn">下一步</div>
                        </div>
                        <div class="close"><span></span></div>
                    </div>
                </div>
            </div> -->
        </div>
        <!-- 分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="musicicon musicrotate"></div><audio id="media" loop autoplay="autoplay" src="images/bg.mp3" preload="auto"></audio>

    <script src="js/flexible.debug.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/swiper.animate1.0.2.min.js"></script>
    <script src="js/TweenMax.min.js"></script>
    <script src="lib/jquery-3.1.1.min.js"></script>
    <script src="js/index.js"></script>
</body>
</html>
